<template>
  <div>
    <!-- 一定记得添加router-view 渲染容器 否则页面不显示 -->
    <router-view></router-view>
  </div>
</template>

<script>
// 方法一：引入公共样式  js引入样式
// 引入main.scss
// import './assets/scss/main.scss'
export default {}
</script>


<style lang="scss">
/* 方法二：通过css scss语法引入外部的css */
@import url('./assets/scss/main.scss');
/* App.vue的样式 如果想要全局使用 就写scope属性了 */
/* App.vue 根据  一般写一些通用的样式 就在各组件都需要使用到的 */
::-webkit-scrollbar {
  display: none;
}
/* 方法三：直接把公共样式写在APP.vue组件style中 注意不要写scope */
/* h2 {
  color: white;
  background-color: rgba($color: #000000, $alpha: 0.7);
  border-radius: 10px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 300px;
  margin-bottom: 20px;
} */
</style>